<template>
	<view class="box">
		<view style="width: 100%;height: 88rpx;"></view>
		<view class="top">
			<view class="invite_friends" data-url="/pagesMy/setting/invitefriend" @click="allJump">
				邀请好友
			</view>
			<view class="top_icon_wrap">
				<view class="tz_wrap">
					<!-- 		<view class="hd" v-if="noticeobj.message_number!=0">
							{{noticeobj.message_number}}
					</view> -->
					<!-- <image @click="gonotice" src="../../static/icon/tz.png" mode=""></image> -->
				</view>
				<image @click="changMask" src="../../static/icon/set.png" mode="aspectFill"></image>
			</view>
		</view>
		<view class="user_info">
			<view class="user_info_head" data-url="/pagesMy/setting/accountinformation" @click="allJump">
				<image class="headimg" :src="userinfo.head_img" mode="aspectFill">
				</image>
				<view class="is_real">
					{{userinfo.is_real?"已实名":"未实名"}} 
				</view>
			</view>
			<!-- 用户名称 -->
			<view class="user_info_top">
				<view class="name" data-url="/pagesMy/setting/accountinformation" @click="allJump">
					{{userinfo.nickname}}
				</view>
				<!-- <text style="margin:0 18rpx;">
					{{userinfo.phone_format}}
				</text> -->
				<image @click="gorenmai" class="levels" :src="levelimg?levelimg:'../../static/icon/i_grade.png'"
					mode="aspectFill"></image>
				<!-- <image class="levels" src="../../static/icon/i_grade.png" mode=""></image> -->
			</view>
			<view class="wallet_add">
				<text>用户编号：{{userinfo.eth_address}}</text>
				<image src="/static/icon/i_copy.png" @click="copynum" mode="aspectFill"></image>
			</view>
			<view class="user_info_bottom">
				<view class="cp" @click="gocp">
					战力值:{{userinfo.combat_effectiveness}}
				</view>
				<view class="grade" data-url="/pagesMy/fightingCenter/myLevel" @click.stop="allJump">
					<image :src="userinfo.level_images? userinfo.level_images :'../../static/icon/level1.png'"
						mode="aspectFill"></image> {{userinfo.level_format||"布衣"}}
				</view>
			</view>
			<!-- <image class="user_info_icon" src="/static/icon/i_share.png" mode=""></image> -->
		</view>
		<view class="resume">
			{{userinfo.introduce||""}}
		</view>
		<view class="main">
			<view class="main_tab">
				<view class="main_tab_item" data-url="/pagesMy/mywallet/newmywallet" @click="allJump">
					<image src="/static/icon/nav1.png" mode="aspectFill"></image>
					<text>我的钱包</text>
				</view>
				<view class="main_tab_item" data-url="/pagesMy/myorder/myorder" @click="allJump">
					<image src="/static/icon/nav2.png" mode="aspectFill"></image>
					<text>我的订单</text>
				</view>
				<view class="main_tab_item" data-url="/pagesMy/marketorder/marketorder" @click="allJump">
					<image src="/static/icon/nav3.png" mode="aspectFill"></image>
					<text>市场订单</text>
				</view>
				<!-- 				<view class="main_tab_item" data-url="/pagesMy/proporder/proporder" @click="allJump">
					<image src="../../static/icon/nav4.png" mode="aspectFill"></image>
					<text>道具订单</text>
				</view> -->
				<view class="main_tab_item" data-url="/pagesMy/mycollection/donation" @click="allJump">
					<image src="/static/icon/nav4.png" mode="aspectFill"></image>
					<text>转赠记录</text>
				</view>

			</view>
			<view class="tab-nav">
				<view class="tab-list-item" v-for="(item,index) in toggleList" :key="item.label"
					@click="clickToggleHandle(item)">
					<view :class="{ active: typessss==index}" class="text">{{ item.label }}</view>

				</view>
			</view>
			<view class="myobj" @click="golist">
				<text>我的{{selval}}</text>
				<uni-icons type="right" v-if="typessss==0" style="margin-right: 32rpx;" color="#D8D8D8"></uni-icons>
			</view>

			<view class="obj_list" v-if="typessss==0">
				<view class="obj_list_item" v-for="item in goodlist" :key="item.id" @click="golist1(item)">
					<image class="obj_list_item_bg" :src="item.good.goods_image" mode="aspectFill"></image>
					<view class="obj_list_item_name">
						{{item.good.goods_name}}
					</view>
					<!-- <view class="obj_list_item_num">
						藏品编号：{{item.goods_number}}/{{item.good.circulation}}
					</view> -->
					<view class="obj_list_item_price">
						<view class="obj_list_item_price_tag">
							买入价
						</view>
						<view class="price_wrap">
							<image style="width: 28rpx;height: 28rpx;margin-right: 6rpx;"
								src="../../static/icon/i_money.png" mode="aspectFill"></image>

							<text>{{item.good.price}}</text>
							<!-- <text style="font-size: 18rpx;margin-left: 4rpx;">起</text> -->
						</view>
					</view>
					<view class="tag" v-if="item.is_allow_rent">
						可流转
					</view>
					<view class="tag_num">
						{{item.number}}个
					</view>
				</view>
			</view>
			<noDatas v-if="typessss==0"  :xxxList="goodlist" :status="status" :showMore="false"></noDatas>
			<view class="proplist" v-if="typessss==1">
				<view class="propitem" @click="goprop(item.prop_id)" v-for="item in proplist" :key="item.id">
					<image :src="item.good.prop_image" mode="aspectFill"></image>
					<view class="proptext">
						{{item.good.prop_name}}
					</view>
					<view class="tag_num">
						{{item.number}}个
					</view>
				</view>
			</view>
			<noDatas v-if="typessss==1"  :xxxList="proplist" :status="status2" :showMore="false"></noDatas>
			<!-- 盲盒 -->
			<view class="proplist" v-if="typessss==2">
				<view class="propitem" @click="isBlindBox(item.goods_id)" v-for="item in splist" :key="item.id">
					<image :src="item.goods.goods_image" mode="aspectFill"></image>
					<view class="proptext">
						{{item.goods.goods_name}}
					</view>
					<view class="tag_num">
						{{item.number}}个
					</view>
				</view>
			</view>
			<noDatas v-if="typessss==2" :xxxList="splist" :showMore="false"></noDatas>
			<view style="width: 750rpx;height: 150rpx;"></view>
		</view>

		<u-popup :show="leftShow" mode="left" overlayOpacity="0.5" @close="changMask">
			<view class="leftwrap">
				<!-- #ifdef APP -->
				<view class="empty"></view>
				<!-- #endif -->
				<view class="leftwrap-top" data-url="/pagesMy/setting/accountinformation" @click="allJump">
					<image class="headimg" :src="userinfo.head_img" mode="aspectFill"></image>
					<view class="rightwrap">
						<view class="name">
							{{userinfo.nickname}}
						</view>
						<view class="wallet_add">
							<text>用户编号：{{userinfo.eth_address}}</text>
							<image src="/static/icon/i_copy.png" @click.stop="copynum" mode="aspectFill"></image>
						</view>
					</view>
				</view>
				<view class="objwrap">
					<view class="objwraptit">
						商城
					</view>
				
					<view class="objitem" @click="goshoporder">
						<image class="itemicon" src="../../static/icon/left14.png" mode=""></image>
						<text class="txttt">商城订单</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<view class="objitem" @click="goaddress">
						<image class="itemicon" src="../../static/icon/left14.png" mode=""></image>
						<text class="txttt">收货地址</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
				</view>
				<view class="objwrap">
					<view class="objwraptit">
						藏品
					</view>
					<!-- 					<view class="objitem" data-url="/pagesMy/mycollection/donation" @click="allJump">
						<image class="itemicon" src="../../static/icon/left1.png" mode=""></image>
						<text class="txttt">转赠记录</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view> -->
					<view class="objitem" @click="goorder">
						<image class="itemicon" src="../../static/icon/left14.png" mode=""></image>
						<text class="txttt">道具订单</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<!-- 	<view class="objitem">
						<image class="itemicon" src="../../static/icon/left3.png" mode=""></image>
						<text class="txttt">藏品记录</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view> -->
					<!-- 		<view class="objitem"  data-url="/pagesMy/exchange/exchange" @click="allJump">
						<image class="itemicon" src="../../static/icon/left2.png" mode=""></image>
						<text class="txttt">福利兑换</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view> -->
				</view>
				<view class="objwrap">
					<view class="objwraptit">
						账户安全
					</view>
					<view class="objitem" data-url="/pagesMy/setting/accountinformation" @click="allJump">
						<image class="itemicon" src="/static/icon/letft11.png" mode=""></image>
						<text class="txttt">账号信息</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<view class="objitem" data-url="/pagesMy/setting/accountsecurity" @click="allJump">
						<image class="itemicon" src="../../static/icon/left17.png" mode=""></image>
						<text class="txttt">账户安全</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>

					<!-- <view class="objitem" data-url="/pagesMy/setting/realNameAuthentication" @click="allJump">
						<image class="itemicon" src="../../static/icon/left6.png" mode=""></image>
						<text class="txttt">实名认证</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view> -->
				</view>
				<view class="objwrap">
					<view class="objwraptit">
						其他
					</view>
					<view class="objitem" data-url="/pagesMy/setting/myservice" @click="allJump">
						<image class="itemicon" src="../../static/icon/left19.png" mode=""></image>
						<text class="txttt">我的客服</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<view class="objitem" data-url="/pagesMy/setting/clause" @click="allJump">
						<image class="itemicon" src="../../static/icon/left13.png" mode=""></image>
						<text class="txttt">使用条款</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<view class="objitem" data-url="/pagesMy/setting/privacyrule" @click="allJump">
						<image class="itemicon" src="../../static/icon/left15.png" mode=""></image>
						<text class="txttt">隐私协议</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<view class="objitem" data-url="/pagesMy/setting/punishescases" @click="allJump">
						<image class="itemicon" src="../../static/icon/left16.png" mode=""></image>
						<text class="txttt">违规处罚</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					<view class="objitem" data-url="/pagesMy/setting/aboutus" @click="allJump">
						<image class="itemicon" src="../../static/icon/left18.png" mode=""></image>
						<text class="txttt">关于我们</text>
						<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
					</view>
					
					<!-- #ifdef APP -->
					<view class="objitem" @click="ischeck">
						<image class="itemicon" src="../../static/icon/left20.png" mode=""></image>
						<text class="txttt">检查版本</text>
						<uni-icons type="right" color="#A68A64" size="20"  style="margin-right: 20rpx;"></uni-icons>
					</view>
					<!-- #endif -->


					<!-- #ifdef H5 -->
					<!-- 	<view class="objitem" data-url="/pages/login/download" @click="allJump">
							<image class="itemicon" src="../../static/icon/tz.png" mode=""></image>
							<text class="txttt">下载APP</text>
							<uni-icons type="right" color="#A68A64" size="20" style="margin-right: 20rpx;"></uni-icons>
						</view> -->
					<!-- #endif -->
				</view>
				<view class="out" @click="out">
					退出登录
				</view>
				<view style="width: 504rpx;height: 150rpx;">

				</view>
			</view>
		</u-popup>
		<!-- #ifdef H5 -->
		<view class="toBottom"></view>
		<!-- #endif -->
	</view>
	</view>

</template>
<script>
	import {
		getuserinfo,
		download
	} from "../../api/index.js";
	import {
		goodsGroupList,
		propGroup,
		fragmentGroup
	} from "../../api/object.js";
	import {
		isAllRead
	} from "../../api/other.js";
	import {
		messagesindex,
		logout
	} from "../../api/setting.js"
	import appUpdate from '@/uni_modules/leruge-app-update/js_sdk/leruge-app-update.js'
	export default {
		data() {
			return {
				userinfo: {},
				goodlist: [],
				blindBox: [{
						id: 1,
						name: '盲盒xx',
						number: '1',
						image: '../../static/image/bg6.png'
					},
					{
						id: 2,
						name: '盲盒22',
						number: '3',
						image: '../../static/image/bg6.png'
					},
				],
				readshow: false,
				toggleList: [{
						label: '藏品',
						type:0,
						select: true
					},
					{
						label: '道具',
						type:1,
						select: false
					},
					{
						label: '碎片',
						type:2,
						select: false
					},
				],
				selval: "藏品",
				noticeobj: [],
				levelimg: "",
				page: 1,
				size: 20,
				status: 'loadmore',
				page2: 1,
				size2: 20,
				status2: 'loadmore',
				page3: 1,
				size3: 20,
				status3: 'loadmore',
				splist:[],
				proplist: [],
				leftShow: false,
				updateInfo: {}, //版本信息
				platform: '', //操作系统
				versionNumber: '', //应用版本
				typessss:0
			}
		},
		onShow() {
			if(uni.getStorageSync("typessss")){
				this.typessss=uni.getStorageSync("typessss")
				this.page3=1
				this.getsplist()
				uni.removeStorageSync("typessss")
			}
			this.getuser()
			this.isread()
			this.getnotice()
			if (this.typessss==0) {
				this.selval="藏品"
				this.page = 1
				this.getgoodlist()
			}
			if (this.typessss==1) {
				this.selval="道具"
				this.page2 = 1
				this.getproplist()
			}
			if(this.typessss==2){
				this.selval="碎片"
				this.page3=1
				this.getsplist()
			}
			console.log(this.typessss,"909999999999999")
		},

		methods: {
			goaddress(){
				uni.navigateTo({
					url:"/pagesMy/shoppingCenter/addressList"
				})
			},
			goshoporder(){
				uni.navigateTo({
					url:"/pagesMy/shoppingCenter/shoporder"
				})
			},
			callback(res) {
				// 用户操作验证码或者关闭刷新腾讯返回的内容 
				let that = this
				if (res.ret === 0) {
					console.log("成功")
					//成功，传递数据给后台进行验证
					// 这里后台会给一个借口,把后台需要的参数传过去

				} else {
					console.log("验证失败")
					// 提示用户完成验证
				}
			},
			varify() {
				let appid = '197018098'; // 腾讯云控制台中对应这个项目的 appid
				//生成一个滑块验证码对象
				let captcha = new TencentCaptcha(appid, this.callback);
				// 滑块显示
				captcha.show();
			},
			goorder() {
				uni.navigateTo({
					url: "/pagesMy/proporder/proporder"
				})
				this.leftShow = false
			},
			ischeck() {
				// #ifdef APP
				const systemInfo = uni.getSystemInfoSync();
				this.platform = systemInfo.platform;
				console.log(this.platform)
				this.versionNumber = systemInfo.appWgtVersion;
				this.isDownload()
				// #endif
			},
			isDownload() {
				download().then(res => {
					console.log(res)
					if (res.code == 1) {
						console.log(Number(res.data.is_update));
						this.updateInfo.platform = this.platform, //系统型号
							this.updateInfo.mainColor = '3040FC', //按钮颜色
							this.updateInfo.version = res.data.version //版本号
						this.updateInfo.force = Number(res.data.is_update) //强制更新
						this.updateInfo.downUrl = res.data.download //下载地址
						this.updateInfo.updateContent = res.data.update_content, //更新内容信息
							this.compareVersion(this.updateInfo.version, this.versionNumber)
					}
				})
			},
			// 比较版本号
			compareVersion(version1, version2) {
				console.log('线上版本', version1);
				console.log('当前版本', version2);
				const num1 = parseInt(version1.replace(/\./g, ''));
				const num2 = parseInt(version2.replace(/\./g, ''));
				if (num1 < num2) {
					console.log("1小于2", num1, num2)
					uni.$u.toast("已是最新版本")
					return `${version1} 小于 ${version2}`;

				} else if (num1 > num2) {
					console.log("1大于2", num1, num2)
					appUpdate(this.updateInfo) // 更新
					return `${version1} 大于 ${version2}`;
				} else {
					return `${version1} 等于 ${version2}`;
				}
			},
			getsplist(){
				fragmentGroup({
					page: this.page3
				}).then(res=>{
					if (res.code == 1) {
						let list = res.data.data;
						this.splist = this.page3 == 1 ? list : this.splist.concat(list);
						console.log(this.splist, 9999);
						if (list.length < this.size3) this.status3 = 'nomore';
						else this.status3 = 'loading';
					}
				})
			},
			getproplist() {
				propGroup({
					page: this.page2
				}).then(res => {
					if (res.code == 1) {
						let list = res.data.data;
						this.proplist = this.page2 == 1 ? list : this.proplist.concat(list);
						console.log(this.proplist, 9999);
						if (list.length < this.size2) this.status2 = 'nomore';
						else this.status2 = 'loading';
					}
				})
			},
			goprop(prop_id) {
				uni.navigateTo({
					url: `/pagesMy/proporder/proplist?id=${prop_id}`
				})
			},
			out() {
				logout().then(res => {
					uni.$u.toast(res.msg);
					if (res.code == 1) {
						uni.removeStorageSync("token")
						uni.removeStorageSync("AmAwareOfIt")
						uni.removeStorageSync("realName")
						uni.removeStorageSync("ewmimg")
						uni.removeStorageSync("sharebg")
						uni.removeStorageSync("ispay")
						uni.removeStorageSync("hx_token")
						uni.removeStorageSync("changeAddress")
						// uni.removeStorageSync("userDetail")
						uni.removeStorageSync("voiceShow")
						uni.removeStorageSync("urls")
						uni.removeStorageSync("carBuyTips")
						uni.removeStorageSync("phoneBuyTips")
						// uni.clearStorageSync() //清除所有缓存
						setTimeout(() => {
							this.leftShow = false
							uni.showTabBar({
								animation: true
							})
							uni.navigateTo({
								url: "/pages/login/login"
							})
						}, 1500)

					}

				})
			},
			moveHandle(e) {
				console.log(e);
			},
			getnotice() {
				messagesindex().then(res => {
					this.noticeobj = res.data
					// this.content=res.data.new_message.content
					console.log(this.list)
				})
			},
			golist() {
				if (this.typessss==0) {
					uni.navigateTo({
						url: "/pagesMy/mycollection/mycollection"
					})
				}
			},
			gorenmai() {
				uni.navigateTo({
					url: "/pagesMy/networkRights/networkExpansion"
				})
			},
			golist1(item) {
				uni.navigateTo({
					// url: `/pagesMy/mycollection/mycollection1?id=${id}`
					url: '/pagesMy/mycollection/mycollection1?id=' + item.goods_id + '&type=' +  item.type
				})
			},
			godetail(id, status) {
				uni.navigateTo({
					url: `/pagesMy/mycollection/collectionlist?id=${id}`
				})
				// if (status == 0) {
				// 	console.log(id)
				// 	uni.navigateTo({
				// 		url: `/pagesMy/mycollection/collectionlist?id=${id}`
				// 	})
				// }

			},
			gonotice() {
				uni.switchTab({
					url: "/pages/index/news"
				})
			},
			getuser() {
				getuserinfo().then(res => {
					console.log(res)
					this.userinfo = res.data
					this.levelimg = this.userinfo.identity.images
				})
			},
			getgoodlist() {
				goodsGroupList({
					page: this.page
				}).then(res => {
					if (res.code == 1) {
						let list = res.data.data;
						this.goodlist = this.page == 1 ? list : this.goodlist.concat(list);
						console.log(this.goodlist, 9999);
						if (list.length < this.size) this.status = 'nomore';
						else this.status = 'loading';
					}

				})
			},
			clickToggleHandle(ele) {
				this.toggleList.forEach(item => item.select = false)
				this.currLabel = ele.label
				ele.select = true
				// console.log(ele)
				this.selval = ele.label
				if (this.selval == "藏品") {
					this.typessss=0
					this.page = 1
					this.getgoodlist()
				}
				if (this.selval == "道具") {
					this.typessss=1
					this.page2 = 1
					this.getproplist()
				}
				if (this.selval == "碎片") {
					this.typessss=2
					this.page3 = 1
					this.getsplist()
				}
				console.log(this.selval)
			},
			allJump(e) {
				console.log(e);
				let {
					url
				} = e.currentTarget.dataset;
				uni.navigateTo({
					url: url
				})
				this.leftShow = false
			},
			gosetting() {
				uni.navigateTo({
					url: "/pagesMy/setting/setting"
				})
			},
			gocp() {
				uni.navigateTo({
					url: "/pagesMy/fightingCenter/fightingPower"
				})
			},
			isread() {
				isAllRead().then(res => {
					this.readshow = res.data.isAllRead
					console.log(this.readshow, "是否已读")

				})
			},
			changMask() {
				this.leftShow = !this.leftShow
			},
			copynum() {
				uni.setClipboardData({
					data: this.userinfo.eth_address,
					success: function() {
						uni.$u.toast('复制成功');
					}
				});
			},
			isBlindBox(id) {
				uni.navigateTo({
					url: '/pagesMy/debris/debris?id='+id
				})
			},
		},
		
		onReachBottom() {
			if (this.typessss==0) {
				if (this.status != 'nomore') {
					this.page = this.page + 1
					this.getgoodlist()
				}
			}
			if (this.typessss==1) {
				if (this.status2 != 'nomore') {
					this.page2 = this.page2 + 1
					this.getproplist()
				}
			}
			if (this.typessss==2) {
				if (this.status3 != 'nomore') {
					this.page3 = this.page3 + 1
					this.getsplist()
				}
			}

		},
	}
</script>
<style>
	page {
		background-color: #edeae4;
	}
</style>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url("~@/iconfont/almm.ttf");
	}

	@font-face {
		font-family: 'youshe';
		src: url("~@/iconfont/YouSheBiaoTiHei.ttf");
	}

	.box {
		width: 750rpx;
		// height: 100vh;
		position: relative;
		background-image: url("/static/image/minebg.png");
		background-size: 750rpx 578rpx;
		background-repeat: no-repeat;
		// z-index: 100;
	}

	.pagess {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 90vh;
		background: pink;
		overflow: hidden;
	}

	.nodata {
		width: 750rpx;
		height: 250rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 100rpx;
		flex-direction: column;

		>image {
			width: 290rpx;
			height: 242rpx;
		}

		>text {
			font-size: 28rpx;
			color: #848FAE;
		}
	}

	.top {
		width: 750rpx;
		height: 86rpx;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;

		// background-color: #F8F8F8;
		.invite_friends {
			width: 178rpx;
			height: 58rpx;
			background: #B8A185;
			margin-top: 28rpx;
			border-radius: 0rpx 16rpx 16rpx 0rpx;
			font-family: iconfont;
			font-weight: 700;
			font-size: 26rpx;
			color: #FFFFFF;
			line-height: 58rpx;
			text-align: center;
		}

		.signin {
			width: 120rpx;
			height: 50rpx;
			background: #B8A185;
			border-radius: 30rpx 30rpx 30rpx 30rpx;
			font-weight: 400;
			font-size: 26rpx;
			color: #FFFFFF;
			line-height: 50rpx;
			text-align: center;
			margin-left: 280rpx;
		}

		.top_icon_wrap {
			display: flex;
			align-items: flex-end;

			.tz_wrap {
				width: 46rpx;
				height: 46rpx;
				margin-right: 24rpx;
				position: relative;

				>image {
					width: 46rpx;
					height: 46rpx;
				}

				.hd {
					width: 30rpx;
					height: 30rpx;
					border-radius: 50%;
					background: #fe1b17;
					position: absolute;
					right: -10rpx;
					top: -4rpx;
					z-index: 8;
					text-align: center;
					line-height: 30rpx;
					color: #fff;
					font-size: 20rpx;
				}
			}

			>image {
				width: 46rpx;
				height: 46rpx;
				margin-right: 24rpx;
			}
		}
	}

	.user_info {
		width: 750rpx;
		height: 168rpx;
		margin-top: 64rpx;
		position: relative;

		.user_info_head {
			position: relative;
			width: 170rpx;
			height: 170rpx;
			margin-left: 32rpx;

			.headimg {
				width: 168rpx;
				height: 168rpx;
				border-radius: 50%;
				display: block;
				// margin-left: 32rpx;
			}

			.is_real {
				position: absolute;
				left: 8rpx;
				bottom: 0rpx;
				width: 148rpx;
				height: 44rpx;
				// font-family: iconfont;
				background-image: url("/static/image/headimg_bottom.png");
				background-size: 148rpx 44rpx;
				font-weight: 400;
				font-size: 22rpx;
				color: #FFFFFF;
				// background: rgba(0,0,0,0.5);
				text-align: center;
				line-height: 44rpx;
			}
		}

		.user_info_top {
			position: absolute;
			top: 0rpx;
			left: 234rpx;
			display: flex;
			align-items: center;

			.name {
				max-width: 276rpx;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				// text-overflow: ellipsis;
				font-family: iconfont;
				font-weight: 700;
				font-size: 36rpx;
				color: #262626;
			}

			>text {
				font-weight: 400;
				font-size: 24rpx;
				color: #262626;
			}

			.levels {
				width: 120rpx;
				height: 40rpx;
				margin-left: 30rpx;
			}
		}

		.wallet_add {
			height: 52rpx;

			position: absolute;
			top: 46rpx;
			left: 234rpx;
			display: flex;
			align-items: center;

			>text {
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				text-overflow: ellipsis;
				width: 400rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #666666;
			}

			>image {
				width: 28rpx;
				height: 28rpx;
				margin-left: 12rpx;
			}
		}

		.user_info_bottom {
			position: absolute;
			bottom: 0rpx;
			left: 234rpx;
			display: flex;

			.cp {
				width: 226rpx;
				height: 42rpx;
				background: #B8A185;
				border-radius: 12rpx 12rpx 12rpx 12rpx;
				font-size: 22rpx;
				color: #FFFFFF;
				text-align: center;
				line-height: 42rpx;
			}

			.grade {
				margin-left: 20rpx;
				padding-left: 10rpx;
				display: flex;
				align-items: center;
				min-width: 94rpx;
				height: 42rpx;
				background: #B8A185;
				border-radius: 12rpx 12rpx 12rpx 12rpx;
				font-weight: 400;
				font-size: 22rpx;
				color: #FFFFFF;
				line-height: 42rpx;
				padding-right: 10rpx;

				>image {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}

		.user_info_icon {
			width: 42rpx;
			height: 42rpx;
			position: absolute;
			right: 28rpx;
			top: 50rpx;
		}
	}

	.resume {
		width: 686rpx;
		height: 80rpx;
		margin: 0 auto;
		margin-top: 38rpx;
		font-weight: 400;
		font-size: 24rpx;
		color: #262626;
	}

	.main {
		width: 750rpx;
		border-radius: 64rpx 64rpx 0rpx 0rpx;
		
		background-color: #F6F5F2;

		.main_tab {
			width: 750rpx;
			height: 200rpx;
			padding-top: 80rpx;
			display: flex;
			justify-content: space-around;
		}

		.tab-nav {
			width: 750rpx;
			height: 100rpx;
			display: flex;
			align-items: center;
			margin-top: 50rpx;

			.tab-list-item {
				position: relative;

				.text {
					display: flex;
					justify-content: center;
					align-items: center;
					margin-left: 50rpx;
					width: 124rpx;
					height: 60rpx;
					padding: 20rpx;

					opacity: 1;
					border-radius: 40rpx;
					font-size: 28rpx;
					font-weight: 400;
					text-align: center;
					background: #999999;
					color: #ffffff;
				}

				>image {
					width: 142rpx;
					height: 10rpx;
					position: absolute;
					bottom: 0;
					left: 30%;
					transform: translateX(-50%);
				}

				.active {
					// font-size: 32rpx;
					background: #B8A185;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 400;
					// color: #951AFF;
					line-height: 38rpx;
				}
			}
		}

		.main_tab_item {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			>image {
				width: 68rpx;
				height: 68rpx;
			}

			>text {
				margin-top: 18rpx;
				font-size: 26rpx;
				color: #262626;
			}
		}
	}

	.myobj {
		width: 750rpx;
		margin-top: 24rpx;
		display: flex;
		justify-content: space-between;

		>text {
			font-weight: 400;
			font-size: 30rpx;
			color: #262626;
			margin-left: 32rpx;
		}
	}

	.price_wrap {
		>text {
			font-family: youshe;
			font-weight: 400;
			font-size: 32rpx;
			color: #FFFFFF;
		}
	}

	.obj_list {
		margin-top: 50rpx;
		width: 750rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;

		.obj_list_item {
			width: 330rpx;
			height: 480rpx;
			background: #B8A185;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			position: relative;
			margin-left: 30rpx;
			margin-top: 20rpx;

			.obj_list_item_bg {
				width: 330rpx;
				height: 312rpx;
				display: block;
				border-radius: 10rpx;
			}

			.obj_list_item_name {
				width: 312rpx;
				margin-top: 30rpx;
				margin-left: 18rpx;
				font-size: 30rpx;
				color: #FFFFFF;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				text-overflow: ellipsis;
				/* 显示省略号 */
			}

			.obj_list_item_num {
				width: 312rpx;
				margin-top: 22rpx;
				margin-left: 18rpx;
				font-weight: 400;
				font-size: 26rpx;
				color: #fff;
				white-space: nowrap;
				/* 不换行 */
				overflow: hidden;
				/* 超出部分隐藏 */
				text-overflow: ellipsis;
			}

			.obj_list_item_from {
				width: 312rpx;
				margin-top: 20rpx;
				margin-left: 18rpx;

				display: flex;
				align-items: center;
				/* 显示省略号 */

				>image {
					width: 36rpx;
					height: 36rpx;
					margin-right: 12rpx;
					border-radius: 50%;
				}

				.obj_list_item_from_name {
					width: 264rpx;
					white-space: nowrap;
					/* 不换行 */
					overflow: hidden;
					/* 超出部分隐藏 */
					text-overflow: ellipsis;
					font-size: 24rpx;
					color: #FFFFFF;
				}

			}

			.obj_list_item_price {
				width: 312rpx;
				height: 50rpx;
				margin-left: 18rpx;
				margin-top: 32rpx;
				display: flex;
				align-items: center;
				padding-bottom: 20rpx;

				.obj_list_item_price_tag {
					width: 100rpx;
					height: 36rpx;
					// background:#D7BA93;
					background: linear-gradient(90deg, #AB8E68 0%, #D7BA93 100%);
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					font-size: 24rpx;
					color: #FFFFFF;
					line-height: 36rpx;
					text-align: center;
					margin-right: 10rpx;
				}

			}

			.tag {
				width: 116rpx;
				height: 50rpx;
				background: linear-gradient(274deg, #AB8E68 1%, #D7BA93 100%);
				border-radius: 0rpx 38rpx 38rpx 0rpx;
				position: absolute;
				top: 14rpx;
				left: 0rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #FFFFFF;
				text-align: center;
				line-height: 50rpx;
			}

			.tag_num {
				// width: 62rpx;
				height: 38rpx;
				background: rgba(0, 0, 0, 0.5);
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				position: absolute;
				top: 14rpx;
				right: 14rpx;
				padding: 10rpx;
				display: flex;
				align-items: center;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
			}
		}
	}

	.q {
		width: 100vw;
		height: 100vh;
		background: #000;
		opacity: 0.5;
		position: relative;
		z-index: 555;
	}

	.leftwrap {
		// position: relative;
		// z-index: 1000;
		overflow: auto;
		width: 584rpx;
		height: 100vh;
		background: #E0DDDA;

		.leftwrap-top {
			width: 504rpx;
			height: 100rpx;
			margin: 0 auto;
			margin-top: 100rpx;
			display: flex;

			.headimg {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
			}

			.rightwrap {
				display: flex;
				flex-direction: column;
				margin-left: 26rpx;

				.name {
					width: 300rpx;
					font-weight: 400;
					font-size: 32rpx;
					color: #333333;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.wallet_add {

					height: 52rpx;
					display: flex;
					align-items: center;

					>text {
						white-space: nowrap;
						/* 不换行 */
						overflow: hidden;
						/* 超出部分隐藏 */
						text-overflow: ellipsis;
						width: 200rpx;
						font-weight: 400;
						font-size: 24rpx;
						color: #999999;
					}

					>image {
						width: 28rpx;
						height: 28rpx;
						margin-left: 12rpx;
					}
				}
			}
		}

		.objwrap {
			width: 504rpx;
			// height: 386rpx;
			background: #F2F2F2;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			margin: 0 auto;
			margin-top: 30rpx;

			.objwraptit {
				line-height: 86rpx;
				padding-left: 40rpx;
				font-size: 32rpx;
				color: #666;
				height: 86rpx;
				border-bottom: 2rpx solid rgba(255, 255, 255, 0.1);
			}

			.objitem {
				width: 504rpx;
				height: 100rpx;
				display: flex;
				align-items: center;
				position: relative;
				justify-content: space-between;

				.itemicon {
					width: 40rpx;
					height: 40rpx;
					margin-left: 28rpx;
				}

				.txttt {
					font-weight: 400;
					font-size: 32rpx;
					color: #A68A64;
					position: absolute;
					left: 94rpx;
				}
			}
		}
	}

	.out {
		margin: 0 auto;
		margin-top: 20rpx;
		width: 504rpx;
		height: 80rpx;
		background: #F2F2F2;
		border-radius: 22rpx 22rpx 22rpx 22rpx;
		font-weight: 400;
		font-size: 36rpx;
		color: #FF4040;
		line-height: 80rpx;
		text-align: center;
	}

	.proplist {
		margin-top: 50rpx;
		width: 750rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;

		.propitem {
			position: relative;
			width: 340rpx;
			height: 472rpx;
			background: #B8A185;
			border: 2rpx solid #B8A185;
			border-radius: 0rpx 0rpx 20rpx 20rpx;
			margin-left: 30rpx;
			margin-bottom: 20rpx;

			>image {


				width: 336rpx;
				height: 382rpx;
				display: block;
			}

			.proptext {
				margin-top: 16rpx;
				margin-left: 16rpx;
				font-weight: 400;
				font-size: 26rpx;
				color: #FFFFFF;
			}

			.tag_num {
				// width: 62rpx;
				height: 38rpx;
				background: rgba(0, 0, 0, 0.5);
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				position: absolute;
				top: 14rpx;
				right: 14rpx;
				padding: 10rpx;
				display: flex;
				align-items: center;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
			}
		}
	}
</style>
